<template>
	<view class="tabbar">
		<u-tabbar @change="change" height="150rpx" mid-button-size="90rpx" bg-color="#FFFFFF" v-model="current"
			:list="list" :mid-button="true"></u-tabbar>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
				list: [{
						iconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/6.png",
						selectedIconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/6.png",
						text: '',
						customIcon: false,
					},
					{
						iconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/3.png",
						selectedIconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/3.png",
						text: '',
						midButton: true,
						customIcon: false,
					},
					{
						iconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/5.png",
						selectedIconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/5.png",
						text: '',
						customIcon: false,
					}
				],
				// list: [{
				// 		iconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/6.png",
				// 		selectedIconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/6.png",
				// 		text: '附近氧站',
				// 		customIcon: false,
				// 	},
				// 	{
				// 		iconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/3.png",
				// 		selectedIconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/3.png",
				// 		text: '',
				// 		midButton: true,
				// 		customIcon: false,
				// 	},
				// 	{
				// 		iconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/5.png",
				// 		selectedIconPath: "https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/5.png",
				// 		text: '个人中心',
				// 		customIcon: false,
				// 	}
				// ],
				current: 0
			}
		},
		methods: {
			change(i) {
				this.current = i
				const name = ['YouMagic', '柔美吉正品验真', '扫码记录']
				uni.setNavigationBarTitle({
					title: name[i]
				})
			}
		},
	}
</script>

<style scoped lang="scss">
	/deep/ .u-tabbar__content__circle__border {
		background: none !important;
		width: 132rpx !important;
		height: 11rpx !important;
		top: -11rpx !important;
		border-radius: 8px 8px 0 0 !important;
		background: red;
		// background: url('/static/you-magic/images/decotation.png') no-repeat !important;
		// background-size: cover !important;
	}

	/deep/ .u-icon__img {
		width: 50rpx !important;
		height: 50rpx !important;
	}


	/deep/ .u-tabbar__content__item__button {
		top: 44rpx !important;
	}

	/deep/ .u-tabbar__content__circle__button {

		background: none !important;
		top: 31rpx !important;
		width: 72rpx !important;
		height: 68rpx !important;

		/deep/ .u-icon__img {
			width: 72rpx !important;
			height: 72rpx !important;
			top: 0rpx !important;
		}

	}

	/deep/ .u-border-top:after {
		border-top-width: 0 !important;
	}

	/deep/ .u-border-bottom:after,
	/deep/ .u-border-left:after,
	/deep/ .u-border-right:after,
	/deep/ .u-border-top-bottom:after,
	/deep/ .u-border-top:after,
	/deep/ .u-border:after {
		border: none !important;
	}
</style>
